<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .one{
            float: left;
            width: 484px;
            height: 42px;
        }
        #search{
            margin: 0;
            padding: 0;
            width:484px;
            height:38px;
            background: url("image/fang.png") no-repeat 5px center;
            text-indent: 40px;
            border: 2px solid orange;
        }
        .two{
            float: left;
            width: 101px;
            height: 42px;
        }
        #s{
            margin: 0;
            padding: 0;
            width: 101px;
            height: 42px;
            background: url("image/s.png") no-repeat;
            border: none;
        }
        .zzz{
            width: 119px;
            height: 122px;
            clear: both;
        }
        .zhaoping{
            width: 101px;
            height: 92px;
            background: url("image/z.png") no-repeat 30px bottom;

        }
    </style>

</head>
<body>
<div>
    <div class="one">
        <input type="text" id="search">
    </div>
    <div class="two">
        <input type="submit" id="s" value="">

    </div>
</div>
<div class="zzz">
    <div class="zhaoping">

    </div>
    <div style="text-indent:40px">招聘</div>
</div>

</body>
</html>